<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>重置密码</title>
	<style type="text/css">
		#max-bg{
			width: 100%;
			height: 800px;
			background: #F9F9F9;
		}
		#centre_box{
			width:55%;
			height:70%;
			background: #FFFFFF;
			position: absolute;
			top:100px;
			left: 500px;
		}
		#milogo{
			position: absolute;
			left: 46%;
		}
		.head{
			width: 400px;
			height: 200px;
			background-color: #f0f0f0;
			border-radius: 5px;
			margin: 0 auto;
			padding: 50px;
			position: relative;
		}
		#zctext{
			font-size:35px;
			margin-left: 41%;
			margin-top: 60px;
		}

		#sub{
			width: 388px;
			height: 50px;
			margin-left: 105px;
			margin-top: 20px;
			background: #FF6700;
			color: #FFFFFF;
			border:none;
		}
		#userpassword{
			width: 383px;
			height: 40px;
			margin-left: 25px;
			margin-top:15px;
			background: #FAFFBD;
			border: 2px solid #E0E0E0;
		}
		#newpass{
			width: 383px;
			height: 40px;
			margin-left: 25px;
			margin-top:15px;
			background: #FAFFBD;
			border: 2px solid #E0E0E0;
		}
		#confirmpass{
			width: 383px;
			height: 40px;
			margin-left: 25px;
			margin-top:15px;
			background: #FAFFBD;
			border: 2px solid #E0E0E0;
		}
		#userphone{
			width: 383px;
			height: 40px;
			margin-left: 25px;
			margin-top:15px;
			background: #FAFFBD;
			border: 2px solid #E0E0E0;
		}
		#usermail{
			width: 383px;
			height: 40px;
			margin-left: 25px;
			margin-top:15px;
			background: #FAFFBD;
			border: 2px solid #E0E0E0;
		}

		#Verification{
			width: 270px;
			height: 40px;
			margin-left: 25px;
			margin-top:15px;
			background: #FAFFBD;
			border: 2px solid #E0E0E0;
		}
		#form-text{
			width:660px;
			height:507px;
			margin: 0px auto;
		}
		#vehicle{
			margin-top: 20px;
			margin-left: 80px;
		}
		#code{
			height: 45.7px;
			width: 113px;
			font-size: 12px;
			background: #FFFFFF;
			border: 2px solid #E0E0E0;
			border-left: 0px;
			margin-top: 20px;
		}
		#prompt{
			color: red;
		}
	</style>
</head>
<body>
<div id="max-bg">
	<div id="centre_box">
		<img src="../img/milogo.png" id="milogo"><br />
		<div id="zctext">重置密码</div>
		<div id="form-text">
			<form action="" method="post">
				<span class="nametext">手机号码：</span><input type="text" name="userid" id="userphone"><span id="prompt"></span><br />
				<span class="nametext">邮&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp箱：</span><input type="text" name="usermail" id="usermail"><br />
				<span class="nametext">验&nbsp&nbsp证&nbsp&nbsp码:&nbsp&nbsp</span><input type="text" name="Verification" id="Verification"><input type="button" class="btn" id="code" value="获取验证码" onclick="codeButton()"><br />
				<span class="nametext">新&nbsp&nbsp密&nbsp&nbsp码:&nbsp&nbsp</span><input type="text" name="newpass" id="newpass"><br />
				<span class="nametext">确认密码：</span><input type="text" name="confirmpass" id="confirmpass"><br />
				<input type="submit" value="提交"  id="sub"><br />
			</form>
		</div>

	</div>
</div>
</body>
</html>